<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>欢迎使用移动通讯录</title>
    <link href="${rootRef}/css/common.css" media="all" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="${rootRef}/js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="${rootRef}/js/ydtxl.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body class="account">
<div id="container">
    <!-- HEADER -->
    <div id="top">
        <div id="top_inner">
            <div id="logo">
                <a href="＃"><img border="0" alt="YDTXL Logo" src="${rootRef}/images/logo.gif"></a>
            </div>
        </div>
    </div>
    <!-- /HEADER -->
    <!-- CONTENT -->
    <div id="col_wrap">
        <div id="banner">
            <h1>欢迎使用移动通讯录</h1>

            <div style="white-space: nowrap;" id="banner_links">
                <a href="${rootRef}/account" class="icon arrow">创建一个帐户</a>
                <a class="icon arrow" href="/about/learn_more/">关于移动通讯录</a>
                <a class="icon arrow" href="/about/contact/support/">支持</a>
            </div>
        </div>
        <div id="content">
            <div class="column">
                <div class="colx2">
                    <h2>登录并开始记录点点滴滴。</h2>
                </div>
            </div>
            <div class="column">
                <h2>登录移动通讯录</h2>

                <form name="login_form" id="login_form">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0"
                           summary="Sign in form">
                        <tbody>
                        <tr>
                            <th><label for="accountName">手机号码</label></th>
                            <td><input type="text" class="text" value="" name="accountName"
                                       style="width: 170px;" maxlength="64" id="accountName">
                            </td>
                        </tr>
                        <tr>
                            <th><label for="password">密码</label></th>
                            <td><input type="password" class="text" name="password"
                                       style="width: 170px" maxlength="64" id="password"></td>
                        </tr>
                        <tr>
                            <th>&nbsp;</th>
                            <td><input type="button" value="登录" name="login" onclick="doLogin();"></td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>
            <div id="result"></div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    function doLogin() {
        $.doPost("/account", {accountName:$("#accountName").val(),password:$("#password").val()});
    }
</script>
</html>